<!--
 * @Descripttion: 
 * @Author: 段振宇
 * @version: 
 * @Date: 2022-06-10 14:59:28
 * @LastEditors: 段振宇
 * @LastEditTime: 2022-06-13 10:23:56
-->
<template>
  <el-dialog
    title="视频预览"
    :visible.sync="previewVideoParams.centerDialogVisible"
    width="30%"
    center
  >
    <video
      controls
      style="width:100%;height:100%"
      :autoplay="true"
      :autopictureinpicture="true"
    >
      <source :src="previewVideoParams.url" type="video/mp4" />
      <source :src="previewVideoParams.url" type="video/webm" />
      Sorry, your browser doesn't support embedded videos.
    </video>
  </el-dialog>
</template>

<script>
export default {
  props: {
    previewVideoParams: {
      type: Object,
      default: function() {
        return {
          centerDialogVisible: false,
          url: ''
        }
      }
    }
  },
  data() {
    return {}
  },
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style lang="less" scoped>
:deep(.el-dialog__body) {
  width: 100% !important;
  height: 350px !important;
  padding: 25px 30px 25px 20px !important;
}
</style>
